



import React, { Component } from 'react';
import {
  Platform,
  StyleSheet,
  View,
  TouchableOpacity,
  Alert,
  Image,
  Text,
  TextInput,
  Button
} from 'react-native';
const Dimensions = require('Dimensions')
const { width } = Dimensions.get('window');
let left = (width - (width*0.1)*4) / 5;
import TopMenu from '../topMenu';

export default class FeedBack extends Component<{}> {
  constructor(props) {
    super(props);
  }
  render() {
    const {navigate} = this.props.navigation;
    return(
      <View style={styles.container}>
        <TopMenu title="体验反馈" navigate={navigate} router={"Me"}/>
        <TextInput style={styles.multiTextInputStyle}
        multiline={true}
        />
        <TouchableOpacity style={styles.buttonStyle}>
          <Text style={{color:'white',fontSize:18}}>提交</Text>
        </TouchableOpacity>
      </View>
    )
  }
}

const styles = StyleSheet.create({
  container:{
    flex:1,
    backgroundColor:'white',
    marginTop:20,
    backgroundColor: '#E8E8E8',
    alignItems:'center',
  },
  multiTextInputStyle:{
    backgroundColor:'white',
    marginTop:20,
    width:width*0.9,
    height:100,
  },
  buttonStyle:{
    width:width*0.8,
    backgroundColor:'dodgerblue',
    height:40,
    marginTop:20,
    borderRadius:5,
    justifyContent:'center',
    alignItems:'center',
  }
});